<template>
  <div class="son2">
      <h4>我是son2.vue</h4>
      
      <slot :msg="msg" />

      <!-- 作用域插槽 -->
      <!-- 就是可以把当前作用域里的数据暴露给外面去使用 -->
      <!-- :data1="msg" 
              把当前作用域里的msg暴露给外面用
              而且暴露的名字叫 data1
           :num1="age"
              把当前作用域里的age暴露给外面用
              而且暴露的名字叫 num1
    -->
      <slot name="body" :data1="msg" :num1="age"/>
  </div>
</template>

<script>
export default {
    data() {
        return {
            msg: 'son2里的数据',
            age: 19
        };
    },
}
</script>

<style>
    .son2 {
        width: 260px;
        height: 200px;
        border: 1px solid #000; 
    }
</style>